<!--
 * @Description: 
 * @Autor: 商晓彬
 * @Date: 2021-07-19 11:12:43
 * @LastEditors: 商晓彬
 * @LastEditTime: 2021-12-09 16:23:13
-->
<div class="productReview">
    <div class="m-subheader">
        <div class="row align-items-center">
            <div class="mr-auto col-auto">
                <h3 class="m-subheader__title m-subheader__title--separator">
                    <span>产品追溯</span>
                </h3>
            </div>
        </div>
    </div>
    <div class="m-content">
        <div class="m-portlet m-portlet--mobile">
            <div class="m-portlet__body">
                <!-- 查询条件 -->
                <div class="p-formgroup-inline">
                    <span class="p-field">
                        <span class="input-lable" style="margin-right: 26.88px;">合格证号：</span>
                        <input style="line-height: 20px!important;width: 150px;" id="certificate" type="text" size="30"
                            pInputText [(ngModel)]="certificate">
                    </span>
                    <span class="p-field" style="margin-left: 20px;">
                        <span class="input-lable" style="margin-right: 20px;">放行单号：</span>
                        <input style="line-height: 20px!important;width: 150px;" id="release" type="text" size="30"
                            pInputText [(ngModel)]="release">
                    </span>
                    <p-button label="查询" (onClick)="getTableList()" style="margin-left: 79px;"></p-button>
                    <p-button label="重置" (onClick)="resetTop()" style="margin-left: 20px;"></p-button>
                </div>
                <div class="p-formgroup-inline" style="margin-top: 20px;">
                    <span class="p-field">
                        <span class="input-lable" style="margin-right: 20px;">产品图号*：</span>
                        <input style="line-height: 20px!important;width: 150px;" id="lotNumber" type="text" size="30"
                            pInputText [(ngModel)]="lotNumber">
                    </span>
                    <span class="p-field" style="margin-left: 20px;">
                        <span class="input-lable" style="margin-right: 20px;">产品名称：</span>
                        <input style="line-height: 20px!important;width: 150px;" id="lotName" type="text" size="30"
                            pInputText [(ngModel)]="lotName">
                    </span>
                    <span class="p-field" style="margin-left: 20px;">
                        <span class="input-lable" style="margin-right: 20px;">规格：</span>
                        <input style="line-height: 20px!important;width: 150px;" id="module" type="text" size="30"
                            pInputText [(ngModel)]="module">
                    </span>
                    <span class="p-field" style="margin-left: 20px;">
                        <span class="input-lable" style="margin-right: 20px;">产品编号：</span>
                        <input style="line-height: 20px!important;width: 150px;" id="productNum" type="text" size="30"
                            pInputText [(ngModel)]="productNum">
                    </span>
                    <p-button label="查询" (onClick)="search()" style="margin-left: 20px;"></p-button>
                    <p-button label="重置" (onClick)="resetLower()" style="margin-left: 20px;"></p-button>
                </div>
                <div class="row align-items-center" style="margin-top: 20px;font-weight:bold;">
                    入库记录：
                    <div class="primeng-datatable-container">
                        <p-table [value]="warehousingRecord" [paginator]="false" [lazy]="true" [scrollable]="true"
                            ScrollWidth="100%">
                            <ng-template pTemplate="header">
                                <tr>
                                    <th style="width: 80px;">序号</th>
                                    <th style="width: 170px">入库单号</th>
                                    <th style="width: 80px">状态</th>
                                    <th style="width: 100px">仓库名称</th>
                                    <th style="width: 80px">储位</th>
                                    <th style="width: 150px">产品图号</th>
                                    <th style="width: 150px">产品名称</th>
                                    <th style="width: 80px">规格</th>
                                    <th style="width: 100px">物料类别</th>
                                    <th style="width: 100px">物料细类</th>
                                    <th style="width: 170px">合格证号</th>
                                    <th style="width: 170px">放行单号</th>
                                    <th style="width: 170px">质控卡号</th>
                                    <th style="width: 200px">适用型号(产品代号)</th>
                                    <th style="width: 200px">适用发次</th>
                                    <th style="width: 80px">批次</th>
                                    <th style="width: 170px">合格证任务号</th>
                                    <th style="width: 170px">装配任务号</th>
                                    <th style="width: 80px">数量</th>
                                    <th style="width: 300px">产品编号(件号)</th>
                                    <th style="width: 150px">有效期止</th>
                                    <th style="width: 200px">特殊记载</th>
                                    <th style="width: 80px">入库人</th>
                                    <th style="width: 170px">入库时间</th>
                                    <th style="width: 100px">仓库确认人</th>
                                    <th style="width: 170px">仓库确认时间</th>
                                </tr>
                            </ng-template>
                            <ng-template pTemplate="body" let-record="$implicit" let-rowIndex="rowIndex">
                                <tr>
                                    <td style="width: 80px;">{{rowIndex+1}}</td>
                                    <td style="width: 170px">{{record.storePutNo}}</td>
                                    <td style="width: 80px">{{record.storeStateContent == 0? '待入库': '已入库'}}</td>
                                    <td style="width: 100px">{{record.stroeName}}</td>
                                    <td style="width: 80px">{{record.binLocation}}</td>
                                    <td style="width: 150px">{{record.productDrawingNo}}</td>
                                    <td style="width: 150px">{{record.productName}}</td>
                                    <td style="width: 80px">{{record.module}}</td>
                                    <td style="width: 100px">{{record.materialsNode}}</td>
                                    <td style="width: 100px">{{record.materialCategory}}</td>
                                    <td style="width: 170px">{{record.qualifiedNumber}}</td>
                                    <td style="width: 170px">{{record.releaseOrder}}</td>
                                    <td style="width: 170px">{{record.qCCardNo}}</td>
                                    <td style="width: 200px">{{record.productCodeName}}</td>
                                    <td style="width: 200px">{{record.sendTimeName}}</td>
                                    <td style="width: 80px">{{record.batch}}</td>
                                    <td style="width: 170px">{{record.qualifiedTaskNumber}}</td>
                                    <td style="width: 170px">{{record.assemblyTaskNumber}}</td>
                                    <td style="width: 80px">{{record.quantity}}</td>
                                    <td style="width: 300px">{{record.productNumberShow}}</td>
                                    <td style="width: 150px">{{record.expirationDate | momentFormat:'YYYY-MM-DD'}}</td>
                                    <td style="width: 200px">{{record.specialRecords}}</td>
                                    <td style="width: 80px">{{record.storePutPeople}}</td>
                                    <td style="width: 170px">{{record.storePutTime | momentFormat:'YYYY-MM-DD
                                        HH:mm:ss'}}</td>
                                    <td style="width: 100px">{{record.identifyingPeople }}</td>
                                    <td style="width: 170px">{{record.identifyingTime | momentFormat:'YYYY-MM-DD
                                        HH:mm:ss'}}</td>
                                </tr>
                            </ng-template>
                        </p-table>
                    </div>
                </div>
                <div class="row align-items-center" style="margin-top: 20px;font-weight:bold;">
                    库存记录:
                    <div class="primeng-datatable-container">
                        <p-table [value]="warehouseRecord" [paginator]="false" [lazy]="true" [scrollable]="true"
                            ScrollWidth="100%">
                            <ng-template pTemplate="header">
                                <tr>
                                    <th style="width: 80px;">序号</th>
                                    <th style="width: 80px">仓库名称</th>
                                    <th style="width: 80px">储位</th>
                                    <th style="width: 150px">产品图号</th>
                                    <th style="width: 80px">产品名称</th>
                                    <th style="width: 80px">规格</th>
                                    <th style="width: 100px">物料类别</th>
                                    <th style="width: 100px">物料细类</th>
                                    <th style="width: 100px">物料属性</th>
                                    <th style="width: 80px">库存数量</th>
                                    <th style="width: 80px">自由库存数量</th>
                                    <th style="width: 80px">可用预配套数量</th>
                                    <th style="width: 80px">配套数量</th>
                                    <th style="width: 170px">合格证号</th>
                                    <th style="width: 170px">放行单号</th>
                                    <th style="width: 170px">质控卡号</th>
                                    <th style="width: 200px">适用型号(产品代号)</th>
                                    <th style="width: 200px">适用发次</th>
                                    <th style="width: 80px">批次</th>
                                    <th style="width: 80px">转批次</th>
                                    <th style="width: 170px">合格证任务号</th>
                                    <th style="width: 170px">装配任务号</th>
                                    <th style="width: 300px">产品编号(件号)</th>
                                    <th style="width: 150px">有效期止</th>
                                    <th style="width: 200px">特殊记载</th>
                                </tr>
                            </ng-template>
                            <ng-template pTemplate="body" let-record="$implicit" let-rowIndex="rowIndex">
                                <tr>
                                    <td style="width: 80px;">{{rowIndex+1}}</td>
                                    <td style="width: 80px;">{{record.stroeName}}</td>
                                    <td style="width: 80px;">{{record.binLocation}}</td>
                                    <td style="width: 150px;">{{record.productDrawingNo}}</td>
                                    <td style="width: 80px;">{{record.productName}}</td>
                                    <td style="width: 80px;">{{record.module}}</td>
                                    <td style="width: 100px">{{record.materialsNode}}</td>
                                    <td style="width: 100px">{{record.materialCategory}}</td>
                                    <td style="width: 100px">{{getMateralStuts(record.materialsProperty)}}</td>
                                    <td style="width: 80px">{{record.storeQuality}}</td>
                                    <td style="width: 80px">{{record.freeStoreQuality}}</td>
                                    <td style="width: 80px">{{record.usableQuantityStock}}</td>
                                    <td style="width: 80px">{{record.suiteStock}}</td>
                                    <td style="width: 170px">{{record.qualifiedNumber}}</td>
                                    <td style="width: 170px">{{record.releaseOrder}}</td>
                                    <td style="width: 170px">{{record.qCCardNo}}</td>
                                    <td style="width: 200px">{{record.productCodeName}}</td>
                                    <td style="width: 200px">{{record.sendTimeName}}</td>
                                    <td style="width: 80px">{{record.batch}}</td>
                                    <td style="width: 80px">{{record.turnBatch}}</td>
                                    <td style="width: 170px">{{record.qualifiedTaskNumber}}</td>
                                    <td style="width: 170px">{{record.assemblyTaskNumber}}</td>
                                    <td style="width: 300px">{{record.productNumberShow}}</td>
                                    <td style="width: 150px">{{record.expirationDate | momentFormat:'YYYY-MM-DD'}}</td>
                                    <td style="width: 150px">{{record.specialRecords}}</td>
                                </tr>
                            </ng-template>
                        </p-table>
                    </div>
                </div>
                <div class="row align-items-center" style="margin-top: 20px;font-weight: bold;">
                    配套记录：
                    <div class="primeng-datatable-container">
                        <p-table [value]="assortRecord" [paginator]="false" [lazy]="true" [scrollable]="true"
                            ScrollWidth="100%">
                            <ng-template pTemplate="header">
                                <tr>
                                    <th style="width: 80px;">序号</th>
                                    <th style="width: 150px">产品图号</th>
                                    <th style="width: 80px">产品名称</th>
                                    <th style="width: 80px">规格</th>
                                    <th style="width: 170px">合格证号</th>
                                    <th style="width: 170px">放行单号</th>
                                    <th style="width: 170px">质控卡号</th>
                                    <th style="width: 80px">批次</th>
                                    <th style="width: 300px">产品编号(件号)</th>
                                    <th style="width: 150px">装配任务号</th>
                                    <th style="width: 200px">配套型号(产品代号)</th>
                                    <th style="width: 200px">配套发次</th>
                                    <th style="width: 150px">芯级图号</th>
                                    <th style="width: 80px">芯级名称</th>
                                    <th style="width: 150px">部套图号</th>
                                    <th style="width: 80px">部套名称</th>
                                    <th style="width: 150px">规程编号</th>
                                    <th style="width: 80px">规程名称</th>
                                    <th style="width: 100px">工序号</th>
                                    <th style="width: 100px">工序名称</th>
                                    <th style="width: 100px">工步号</th>
                                    <th style="width: 80px">配套人</th>
                                    <th style="width: 170px">配套时间</th>
                                </tr>
                            </ng-template>
                            <ng-template pTemplate="body" let-record="$implicit" let-rowIndex="rowIndex">
                                <tr>
                                    <td style="width: 80px;">{{rowIndex+1}}</td>
                                    <td style="width: 150px;">{{record.productDrawingNo}}</td>
                                    <td style="width: 80px;">{{record.productName}}</td>
                                    <td style="width: 80px;">{{record.module}}</td>
                                    <td style="width: 170px;">{{record.qualifiedNumber}}</td>
                                    <td style="width: 170px;">{{record.releaseOrder}}</td>
                                    <td style="width: 170px;">{{record.qCCardNo}}</td>
                                    <td style="width: 80px;">{{record.batch}}</td>
                                    <td style="width: 300px;">{{record.productNumber}}</td>
                                    <td style="width: 150px;">{{record.assemblyTaskNumber}}</td>
                                    <td style="width: 200px;">{{record.designatedModule}}</td>
                                    <td style="width: 200px;">{{record.designatedSendTime}}</td>
                                    <td style="width: 150px;">{{record.designatedXJCode}}</td>
                                    <td style="width: 80px;">{{record.designatedXJ}}</td>
                                    <td style="width: 150px;">{{record.nodeDrawingNo}}</td>
                                    <td style="width: 80px;">{{record.nodeName}}</td>
                                    <td style="width: 150px;">{{record.techniqueNumber}}</td>
                                    <td style="width: 80px;">{{record.techniqueName}}</td>
                                    <td style="width: 100px;">{{record.processesSequence}}</td>
                                    <td style="width: 100px;">{{record.processesName}}</td>
                                    <td style="width: 100px;">{{record.workStepNumberStr}}</td>
                                    <td style="width: 100px;">{{record.completePeople}}</td>
                                    <td style="width: 170px;">{{record.completeTime | momentFormat:'YYYY-MM-DD HH:mm:ss'}}</td>
                                </tr>
                            </ng-template>
                        </p-table>
                    </div>
                </div>
                <div class="row align-items-center" style="margin-top: 20px;font-weight: bold;">
                    出库记录：
                    <div class="primeng-datatable-container">
                        <p-table [value]="exWarehouseRecord" [paginator]="false" [lazy]="true" [scrollable]="true"
                            ScrollWidth="100%">
                            <ng-template pTemplate="header">
                                <tr>
                                    <th style="width: 80px;">序号</th>
                                    <th style="width: 150px">产品图号</th>
                                    <th style="width: 80px">产品名称</th>
                                    <th style="width: 80px">规格</th>
                                    <th style="width: 170px">合格证号</th>
                                    <th style="width: 170px">放行单号</th>
                                    <th style="width: 170px">质控卡号</th>
                                    <th style="width: 80px">批次</th>
                                    <th style="width: 300px">产品编号(件号)</th>
                                    <th style="width: 150px">装配任务号</th>
                                    <th style="width: 100px">出库类型</th>
                                    <th style="width: 80px">出库人</th>
                                    <th style="width: 170px">出库时间</th>
                                    <th style="width: 100px">出库确认人</th>
                                    <th style="width: 170px">确认时间</th>
                                    <th style="width: 200px">出库原因</th>
                                    <th style="width: 200px">去向</th>
                                </tr>
                            </ng-template>
                            <ng-template pTemplate="body" let-record="$implicit" let-rowIndex="rowIndex">
                                <tr>
                                    <td style="width: 80px;">{{rowIndex+1}}</td>
                                    <td style="width: 150px;">{{record.productDrawingNo}}</td>
                                    <td style="width: 80px;">{{record.productName}}</td>
                                    <td style="width: 80px;">{{record.module}}</td>
                                    <td style="width: 170px;">{{record.qualifiedNumber}}</td>
                                    <td style="width: 170px;">{{record.releaseOrder}}</td>
                                    <td style="width: 170px;">{{record.qCCardNo}}</td>
                                    <td style="width: 80px;">{{record.batch}}</td>
                                    <td style="width: 300px;">{{record.productNumber}}</td>
                                    <td style="width: 150px;">{{record.assemblyTaskNumber}}</td>
                                    <td style="width: 100px;">{{record.retrievalState}}</td>
                                    <td style="width: 80px;">{{record.outPeople}}</td>
                                    <td style="width: 170px;">{{record.storePutTime | momentFormat:'YYYY-MM-DD HH:mm:ss'}}</td>
                                    <td style="width: 100px;">{{record.identifyingPeople }}</td>
                                    <td style="width: 170px;">{{record.identifyingTime | momentFormat:'YYYY-MM-DD HH:mm:ss'}}</td>
                                    <td style="width: 200px;">{{record.remark}}</td>
                                    <td style="width: 200px;">{{record.whereAbouts}}</td>
                                </tr>
                            </ng-template>
                        </p-table>
                    </div>
                </div>
                <div class="row align-items-center" style="margin-top: 20px;font-weight: bold;">
                    退库记录：
                    <div class="primeng-datatable-container">
                        <p-table [value]="rejectRecord" [paginator]="false" [lazy]="true" [scrollable]="true"
                            ScrollWidth="100%">
                            <ng-template pTemplate="header">
                                <tr>
                                    <th style="width: 80px;">序号</th>
                                    <th style="width: 150px">退库单号</th>
                                    <th style="width: 100px">仓库名称</th>
                                    <th style="width: 150px">产品图号</th>
                                    <th style="width: 100px">产品名称</th>
                                    <th style="width: 100px">规格</th>
                                    <th style="width: 170px">合格证号</th>
                                    <th style="width: 170px">放行单号</th>
                                    <th style="width: 170px">质控卡号</th>
                                    <th style="width: 100px">退库数量</th>
                                    <th style="width: 300px">退库产品编号(件号)</th>
                                    <th style="width: 150px">退库原因</th>
                                    <th style="width: 100px">退库人员</th>
                                    <th style="width: 170px">退库时间</th>
                                </tr>
                            </ng-template>
                            <ng-template pTemplate="body" let-record="$implicit" let-rowIndex="rowIndex">
                                <tr>
                                    <td style="width: 80px;">{{rowIndex+1}}</td>
                                    <td style="width: 150px;">{{record.no}}</td>
                                    <td style="width: 100px;">{{record.stroeName}}</td>
                                    <td style="width: 150px;">{{record.productDrawingNo}}</td>
                                    <td style="width: 100px;">{{record.productName}}</td>
                                    <td style="width: 100px;">{{record.module}}</td>
                                    <td style="width: 170px;">{{record.qualifiedNumber}}</td>
                                    <td style="width: 170px;">{{record.releaseOrder}}</td>
                                    <td style="width: 170px;">{{record.qCCardNo}}</td>
                                    <td style="width: 100px;">{{record.quantity}}</td>
                                    <td style="width: 300px;">{{record.productNumber}}</td>
                                    <td style="width: 150px;">{{record.remark}}</td>
                                    <td style="width: 100px;">{{record.people}}</td>
                                    <td style="width: 170px;">{{record.time | momentFormat:'YYYY-MM-DD'}}</td>
                                </tr>
                            </ng-template>
                        </p-table>
                    </div>
                </div>
                <div class="row align-items-center" style="margin-top: 20px;font-weight: bold;">
                    隔离记录：
                    <div class="primeng-datatable-container">
                        <p-table [value]="quarantineRecord" [paginator]="false" [lazy]="true" [scrollable]="true"
                            ScrollWidth="100%">
                            <ng-template pTemplate="header">
                                <tr>
                                    <th style="width: 80px;">序号</th>
                                    <th style="width: 150px">隔离单号</th>
                                    <th style="width: 100px">仓库名称</th>
                                    <th style="width: 150px">产品图号</th>
                                    <th style="width: 100px">产品名称</th>
                                    <th style="width: 100px">规格</th>
                                    <th style="width: 170px">合格证号</th>
                                    <th style="width: 170px">放行单号</th>
                                    <th style="width: 170px">质控卡号</th>
                                    <th style="width: 100px">库存数量</th>
                                    <th style="width: 100px">隔离数量</th>
                                    <th style="width: 300px">产品编号(件号)</th>
                                    <th style="width: 150px">隔离原因</th>
                                    <th style="width: 100px">隔离人员</th>
                                    <th style="width: 170px">隔离时间</th>
                                </tr>
                            </ng-template>
                            <ng-template pTemplate="body" let-record="$implicit" let-rowIndex="rowIndex">
                                <tr>
                                    <td style="width: 80px;">{{rowIndex+1}}</td>
                                    <td style="width: 150px;">{{record.no}}</td>
                                    <td style="width: 100px;">{{record.stroeName}}</td>
                                    <td style="width: 150px;">{{record.productDrawingNo}}</td>
                                    <td style="width: 100px;">{{record.productName}}</td>
                                    <td style="width: 100px;">{{record.module}}</td>
                                    <td style="width: 170px;">{{record.qualifiedNumber}}</td>
                                    <td style="width: 170px;">{{record.releaseOrder}}</td>
                                    <td style="width: 170px;">{{record.qCCardNo}}</td>
                                    <td style="width: 100px;">{{record.amount}}</td>
                                    <td style="width: 100px;">{{record.quantity}}</td>
                                    <td style="width: 300px;">{{record.productNumber}}</td>
                                    <td style="width: 150px;">{{record.remark}}</td>
                                    <td style="width: 100px;">{{record.people}}</td>
                                    <td style="width: 170px;">{{record.time | momentFormat:'YYYY-MM-DD'}}</td>
                                </tr>
                            </ng-template>
                        </p-table>
                    </div>
                </div>
                <div class="row align-items-center" style="margin-top: 20px;font-weight: bold;">
                    返修记录：
                    <div class="primeng-datatable-container">
                        <p-table [value]="repairRecord" [paginator]="false" [lazy]="true" [scrollable]="true"
                            ScrollWidth="100%">
                            <ng-template pTemplate="header">
                                <tr>
                                    <th style="width: 80px;">序号</th>
                                    <th style="width: 100px">仓库名称</th>
                                    <th style="width: 150px">产品图号</th>
                                    <th style="width: 100px">产品名称</th>
                                    <th style="width: 100px">规格</th>
                                    <th style="width: 170px">合格证号</th>
                                    <th style="width: 170px">放行单号</th>
                                    <th style="width: 170px">质控卡号</th>
                                    <th style="width: 100px">库存数量</th>
                                    <th style="width: 100px">返修数量</th>
                                    <th style="width: 300px">返修产品编号(件号)</th>
                                    <th style="width: 150px">返修原因</th>
                                    <th style="width: 100px">返修人员</th>
                                    <th style="width: 170px">返修时间</th>
                                </tr>
                            </ng-template>
                            <ng-template pTemplate="body" let-record="$implicit" let-rowIndex="rowIndex">
                                <tr>
                                    <td style="width: 80px;">{{rowIndex+1}}</td>
                                    <td style="width: 150px;">{{record.no}}</td>
                                    <td style="width: 150px;">{{record.productDrawingNo}}</td>
                                    <td style="width: 100px;">{{record.productName}}</td>
                                    <td style="width: 100px;">{{record.module}}</td>
                                    <td style="width: 170px;">{{record.qualifiedNumber}}</td>
                                    <td style="width: 170px;">{{record.releaseOrder}}</td>
                                    <td style="width: 170px;">{{record.qCCardNo}}</td>
                                    <td style="width: 100px;">{{record.amount}}</td>
                                    <td style="width: 100px;">{{record.quantity}}</td>
                                    <td style="width: 300px;">{{record.productNumber}}</td>
                                    <td style="width: 150px;">{{record.remark}}</td>
                                    <td style="width: 100px;">{{record.people}}</td>
                                    <td style="width: 170px;">{{record.time | momentFormat:'YYYY-MM-DD'}}</td>
                                </tr>
                            </ng-template>
                        </p-table>
                    </div>
                </div>
                <div class="row align-items-center" style="margin-top: 20px;font-weight: bold;">
                    报废记录：
                    <div class="primeng-datatable-container">
                        <p-table [value]="scrapRecord" [paginator]="false" [lazy]="true" [scrollable]="true"
                            ScrollWidth="100%">
                            <ng-template pTemplate="header">
                                <tr>
                                    <th style="width: 80px;">序号</th>
                                    <th style="width: 100px">仓库名称</th>
                                    <th style="width: 150px">产品图号</th>
                                    <th style="width: 100px">产品名称</th>
                                    <th style="width: 100px">规格</th>
                                    <th style="width: 170px">合格证号</th>
                                    <th style="width: 170px">放行单号</th>
                                    <th style="width: 170px">质控卡号</th>
                                    <th style="width: 100px">库存数量</th>
                                    <th style="width: 100px">报废数量</th>
                                    <th style="width: 300px">报废产品编号(件号)</th>
                                    <th style="width: 150px">报废原因分类</th>
                                    <th style="width: 150px">报废原因</th>
                                    <th style="width: 100px">报废人员</th>
                                    <th style="width: 170px">报废时间</th>
                                </tr>
                            </ng-template>
                            <ng-template pTemplate="body" let-record="$implicit" let-rowIndex="rowIndex">
                                <tr>
                                    <td style="width: 80px;">{{rowIndex+1}}</td>
                                    <td style="width: 150px;">{{record.no}}</td>
                                    <td style="width: 150px;">{{record.productDrawingNo}}</td>
                                    <td style="width: 100px;">{{record.productName}}</td>
                                    <td style="width: 100px;">{{record.module}}</td>
                                    <td style="width: 170px;">{{record.qualifiedNumber}}</td>
                                    <td style="width: 170px;">{{record.releaseOrder}}</td>
                                    <td style="width: 170px;">{{record.qCCardNo}}</td>
                                    <td style="width: 100px;">{{record.amount}}</td>
                                    <td style="width: 100px;">{{record.quantity}}</td>
                                    <td style="width: 300px;">{{record.productNumber}}</td>
                                    <td style="width: 150px;">{{record.scrapReason}}</td>
                                    <td style="width: 150px;">{{record.remark}}</td>
                                    <td style="width: 100px;">{{record.people}}</td>
                                    <td style="width: 170px;">{{record.time | momentFormat:'YYYY-MM-DD'}}</td>
                                </tr>
                            </ng-template>
                        </p-table>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <!-- 第二行查询出的放行单号及合格证 -->
    <p-dialog header="请选择合格证信息" [(visible)]="chooseFlag" modal="modal" [responsive]="true" (onHide)="onHide($event)">
        <form *ngIf="chooseFlag" #confirmForm="ngForm" novalidate autocomplete="off">
            <div class="modal-boday" style="height: 200px!important;">
                <div class="form-group" style="display: flex;justify-content: center;">
                    <label style="margin-right: 10px; margin-top: 5px;" for="label">合格证号：</label>
                    <p-dropdown filter="true" name="certificateF" [options]="certificateOptions" placeholder="请选择合格证号"
                        [(ngModel)]="form.certificate" emptyFilterMessage="暂无数据">
                        <ng-template let-item pTemplate="selectedItem">
                            <span style="vertical-align:middle; margin-left: .5em;width: 147px;">{{item.label}}</span>
                        </ng-template>
                        <ng-template let-model pTemplate="item">
                            <div class="ui-helper-clearfix" style="position: relative;height: 25px;">
                                <div style="font-size:14px;float:right;margin-top:4px;width: 147px;">{{model.label}}
                                </div>
                            </div>
                        </ng-template>
                    </p-dropdown>
                    <label style="margin-right: 20px; margin-top: 5px;margin-left: 20px;" for="label">放行单号：</label>
                    <p-dropdown filter="true" name="releaseF" [options]="certificateOptions" placeholder="请选择放行单号"
                        [(ngModel)]="form.release" emptyFilterMessage="暂无数据">
                        <ng-template let-item pTemplate="selectedItem">
                            <span style="vertical-align:middle; margin-left: .5em;width: 147px;">{{item.label}}</span>
                        </ng-template>
                        <ng-template let-model pTemplate="item">
                            <div class="ui-helper-clearfix" style="position: relative;height: 25px;">
                                <div style="font-size:14px;float:right;margin-top:4px;width: 147px;">
                                    {{model.label}}
                                </div>
                            </div>
                        </ng-template>
                    </p-dropdown>
                </div>
            </div>
            <div class="modal-footer" style="justify-content: center;">
                <p-button label="取消" (onClick)="onHide(1)"></p-button>
                <p-button label="查询" [disabled]="!confirmForm.form.valid" (onClick)="searchTable()"></p-button>
            </div>
        </form>
    </p-dialog>
</div>